Page({
  data:{
    // 英雄列表
    list: [] as Hero[],
    // 搜索关键词
    keyword: ''
  },
  onShareAppMessage(){},
  onLoad(){
    // 获取加载框
    this.getData().then((res)=>{
      this.setData({
        list: res
      })
    })
  },
  getData(keyword:string = ''){
    return new Promise<Hero[]>((resolve,reject)=>{
      wx.showLoading({ title:'英雄加载中...' })
      // 发送网络请求
      wx.request<ServerResponse<Hero[]>>({
        url: 'https://api-vue-base.itheima.net/api/lol/search',
          method: 'GET',
          data: {
            q: keyword
          },
          success:(res)=>{
            if (res.data.code != 200) {
              wx.showToast({
                title: res.data.msg,
                icon: 'error'
              })
              return
            }
            console.log(res);
            // this.setData({
            //   list: res.data.data
            // })
            // 标记成功传递数据
            resolve(res.data.data)
          },
          fail:()=>{
            reject()
          },
          complete:()=>{
            // 请求完成，关闭加载框
            wx.hideLoading()
          }
      })
    })
  },
  // 搜索英雄
  async onSearch(){
    // 根据关键字搜索
    const res = await this.getData(this.data.keyword)
    this.setData({
      list: res
    })
  }
})